<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:t="http://myfaces.apache.org/tomahawk">

	<ui:composition template="/template/pVistaCliente.xhtml">

		<ui:define name="bodyareaCliente">

			<p:tabMenu activeIndex="2">
				<p:menuitem value="Flujo Importaciones" ajax="true"
					url="/pages/cliente/importaciones.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Flujo Exportaciones" ajax="true"
					url="/pages/cliente/exportaciones.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Cuentas del Cliente" ajax="true"
					url="/pages/cliente/cuentaCliente.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Relación con Países" ajax="true"
					url="/pages/cliente/relacionPaises.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Relación con Bancos" ajax="true"
					url="/pages/cliente/relacionBancos.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Contactos de cliente" ajax="true"
					url="/pages/cliente/contactoCliente.xhtml"
					icon="ui-icon-circle-check" />
			</p:tabMenu>



			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel"
				style="width:100%;margin-left: 0px;margin-top: 3px;margin-bottom:5px ">

				<f:facet name="header">
					<h:outputText value="Resumen de Cuentas" />
				</f:facet>

				<h:panelGrid columns="3">
					<p:spacer width="380" height="10" ></p:spacer>
					<h:outputText value="Consulta Realizada:" styleClass="texto12"></h:outputText>
					<h:outputText value="12/09/2012 - 11:30:05"
						styleClass="textoNaranja12"></h:outputText>
				</h:panelGrid>

				<p:dataTable var="fila" value="#{listaModel.listaCCuentaResumen}"
					sortBy="#{fila.tipoCuenta}" sortOrder="descending"
					style="width:99%;" paginator="true" rows="10">

					<p:columnGroup type="header">
						<p:row>
							<p:column rowspan="2" headerText="Tipo Cuenta" />
							<p:column rowspan="2" headerText="Nro. Cuenta" />
							<p:column rowspan="2" headerText="Mon" />
							<p:column colspan="2" headerText="Saldo" />
							<p:column colspan="3" headerText="Importacion" />
							<p:column colspan="3" headerText="Exportacion" />
							<p:column rowspan="2" headerText="Gestor Cuenta" />
							<p:column rowspan="2" headerText="Oficina Propietaria" />
						</p:row>

						<p:row>
							<p:column headerText="Contable" />
							<p:column headerText="Disponible" />
							<p:column>
								<f:facet name="header">
									<h:panelGrid columns="1" cellpadding="0" cellspacing="0">
										<h:outputText value="Carta de" />
										<h:outputText value="Crédito" />
									</h:panelGrid>
								</f:facet>
							</p:column>
							<p:column headerText="Cobranza" />
							<p:column>
								<f:facet name="header">
									<h:panelGrid columns="1" cellpadding="0" cellspacing="0">
										<h:outputText value="Financia" />
										<h:outputText value="miento" />
									</h:panelGrid>
								</f:facet>
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:panelGrid columns="1" cellpadding="0" cellspacing="0">
										<h:outputText value="Carta de" />
										<h:outputText value="Crédito" />
									</h:panelGrid>
								</f:facet>
							</p:column>
							<p:column headerText="Cobranza" />
							<p:column>
								<f:facet name="header">
									<h:panelGrid columns="1" cellpadding="0" cellspacing="0">
										<h:outputText value="Financia" />
										<h:outputText value="miento" />
									</h:panelGrid>
								</f:facet>
							</p:column>
						</p:row>

					</p:columnGroup>
					<p:column width="145">#{fila.tipoCuenta}</p:column>
					<p:column styleClass="columnNumero">#{fila.nroCuenta}</p:column>
					<p:column styleClass="columnNumero">#{fila.mon}</p:column>
					<p:column styleClass="columnNumero">#{fila.salContable}</p:column>
					<p:column styleClass="columnNumero">#{fila.salDisponible}</p:column>
					<p:column styleClass="columnCenter">#{fila.impCCrédito}</p:column>
					<p:column styleClass="columnCenter">#{fila.impCobranza}</p:column>
					<p:column styleClass="columnCenter">#{fila.impFinanciamiento}</p:column>
					<p:column styleClass="columnCenter">#{fila.expCCrédito}</p:column>
					<p:column styleClass="columnCenter">#{fila.expCobranza}</p:column>
					<p:column styleClass="columnCenter">#{fila.expFinanciamiento}</p:column>
					<p:column>#{fila.gestorCuenta}</p:column>
					<p:column>#{fila.ofPropietaria}</p:column>

				</p:dataTable>

			</h:panelGrid>

			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel"
				style="width:100%;margin-left: 0px;">

				<f:facet name="header">
					<h:outputText value="Detalle de Movimientos" />
				</f:facet>

				<h:panelGrid columns="5">
					<p:spacer width="150" height="10"></p:spacer>
					<h:outputText value="Consulta Realizada:" styleClass="texto12"></h:outputText>
					<h:outputText value="12/09/2012 11:30:05"
						styleClass="textoNaranja12"></h:outputText>
					<h:outputText value="Cuenta Seleccionada:" styleClass="texto12"></h:outputText>
					<h:outputText
						value="CTA.CTE.P.JURIDICA (USD) 0011-0660-86-01-000331069"
						styleClass="textoNaranja12"></h:outputText>
				</h:panelGrid>

				<h:panelGrid columns="2">

					<p:spacer width="200" height="20"></p:spacer>

					<p:dataTable var="fila"
						value="#{listaModel.listaCCuentaDetalleMov}" style="width:600px;"
						paginator="true" rows="10">

						<p:columnGroup type="header">
							<p:row>
								<p:column headerText="Fecha Operaciones" />
								<p:column headerText="Fecha Valor" />
								<p:column headerText="Referencia" />
								<p:column headerText="Importe" />
								<p:column headerText="Nro. Movimiento" />

							</p:row>

						</p:columnGroup>
						<p:column styleClass="columnCenter">#{fila.fecOper}</p:column>
						<p:column styleClass="columnCenter">#{fila.fecValor}</p:column>
						<p:column width="200">#{fila.referencia}</p:column>
						<p:column styleClass="columnNumero">#{fila.importe}</p:column>
						<p:column styleClass="columnNumero">#{fila.nroMov}</p:column>

					</p:dataTable>

				</h:panelGrid>

			</h:panelGrid>

		</ui:define>
	</ui:composition>
</jsp:root>